<template>
  <div class="mb-2">
    <el-button type="primary">查询</el-button>
    <el-button type="primary">重置</el-button>
    <el-button type="primary">新增</el-button>
  </div>

  <AutoTable :table-data="tableData" :columns="columns">
    <template #handle="scope">
      <el-button type="primary" size="small">修改</el-button>
      <el-button type="danger" size="small">删除</el-button>
    </template>
  </AutoTable>
</template>

<script>
export default {
  name: "index"
}
</script>
<script setup>
import AutoTable from '@/components/AutoTable'

let tableData = [
  {
    type: '入职培训',
    desc: '企业文化、规章制度、职业道德',
    reason: '说明',
  }
]

const columns = [
  {
    label: '分类名称',
    prop: 'type'
  },
  {
    label: '分类描述',
    prop: 'desc'
  },
  {
    label: '操作',
    tdSlot: 'handle'
  },
]

</script>

<style lang="scss" scoped>

</style>
